<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>自动化立体库</title>
<link rel="stylesheet" href="css/style.css">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
  <!--<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>-->
  <script src="js/json.js"></script>
<!-- Stylesheet -->
</head>
<body style="background: #F7F4F8">
  <div class="logo">
    <img src="images/img_logo.png" alt="" width="50">
  </div>
  <div class="link-btn">
    <a class="link-item" href="index.html">
      仓库管理系统
    </a>
    <a class="link-item on" href="index.html#s2">
      解决方案
    </a>
    <a class="link-item" href="index.html#s3">
      周边设备
    </a>
    <a class="link-item" href="index.html#s4">
      案例
    </a>
  </div>
  <div class="nav-bg-inner">
    <img src="images/bg_text_2.png" class="wow fadeInDown">
  </div>
  <div class="section container" id="container">
    <!--<div class="item-nav">
      <p class="selected">
        <a href="">横梁式自动化立体库</a>
      </p>
      <p>
        <a href="">横梁式自动化立体库</a>
      </p>
      <p>
        <a href="">横梁式自动化立体库</a>
      </p>
    </div>
    <div class="item-container">
      <img src="images/bg_text_3.png">
      <p>仓储控制系统是物流系统中设备执行的控制核心，包含设备控制层和监控层。向上联接物流系统的调度计算机，接受物料的输送指令；向下联接输送设备实现底层输送设备的驱动、输送物料的检测与识别；完成物料输送及过程控制信息的传递。此外还提供人机界面、安全保护措施和多种操作模式，辅助作业人员进行日常操作和维护。
      </p>
      <img src="images/product_1.png">
    </div>-->
  </div>
  <div class="footer">
      <div id="copyright" class="container section">
      </div>
    </div>
  <!-- JavaScript -->
  <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script>
  $(function(){
    getSolutionData()
    document.getElementById("copyright").innerHTML=json.Copyright
  })
  function getSolutionData() {
    // url中id处理
    if (getUrlParam("sNum")) {
      var sNum = parseInt(getUrlParam("sNum"))
    }
    // url中id处理
    console.log('sNum', sNum)
    var html_s = '';
    html_s += '<div class="item-nav">';
    for (var i = 0; i < json.solution.length; i++) {
      if (i===sNum) {
        html_s += '<p class="selected"  num="'  + i + '">';
      } else {
        html_s += '<p  num="'  + i + '">';
      }
      html_s += '<a href=javascript:;>';
      html_s += json.solution[i].title;
      html_s += '</a>';
      html_s += '</p>';
    }
    html_s += '</div>';
    html_s += '<div class="item-container">';
    html_s += '<h3 class="main_font">'+json.solution[sNum].title+'</h3>';
    // html_s += '<p>';
    if (json.solution[sNum].content) {
      for (var m=0;m<json.solution[sNum].content.length;m++) {
        html_s += '<p>'+json.solution[sNum].content[m]+'</p>';
      }
    }  
    // html_s += '</p>';
    if (json.solution[sNum].feature) {
      html_s += '<span>具备如下特点</span><br>';
      for (var n=0;n<json.solution[sNum].feature.length;n++) {
        html_s += '<span> -- '+json.solution[sNum].feature[n]+'</span><br>';
      }
    }
    for (var k=0;k<json.solution[sNum].img.length;k++) {
      html_s += '<img src="'+'images/solution/'+json.solution[sNum].img[k]+'">';
    }
    html_s += '</div>';
    $('#container').html(html_s)
    // 点击分类标题切换问题列表
    $('.item-nav p').click(function () {
      $(this).addClass('selected').siblings('p').removeClass('selected');
      var sNumTmp = parseInt($(this).attr('num'));
      console.log('sNumTmp', sNumTmp)
      /*var list = '';
      list += '<h3 class="main_font">'+json.solution[sNum].title+'</h3>';
      if (json.solution[sNum].content) {
        for (var m=0;m<json.solution[sNum].content.length;m++) {
          list += '<p>'+json.solution[sNum].content[m]+'</p>';
        }
      }
      if (json.solution[sNum].feature) {
        list += '<span>具备如下特点</span><br>';
        for (var n=0;n<json.solution[sNum].feature.length;n++) {
          list += '<span> -- '+json.solution[sNum].feature[n]+'</span><br>';
        }
      }
      list += '</p>';
      for (var k=0;k<json.solution[sNumTmp].img.length;k++) {
        html_s += '<img src="'+'images/solution/'+json.solution[sNumTmp].img[k]+'">';
      }*/
      location.href='solution.html?sNum=' + sNumTmp;
      /*$('#container .item-container').html(list);*/
    })
  }
</script>
</body>
</html>